<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
    // if() {} 语句块
    var str = "window";
    if (true) {
        var str = "if语句";
    }
    console.log(str); //结果为： if语句

    // for 循环语句块
   var i;
    for (i = 0; i < 10; i++) {
        // ...
    }
    console.log(i); // 10
    // 思考： 页面中有10个li，单击每个li弹出其索引号

    // function 语句块
    var str = "window";

   function test() {
        var str = "local";
        console.log(str);
    }
    test(); //  local
    console.log(str);   //window


   window.onload = function() {
      var lis = document.getElementsByTagName("li");
      for (var i = 0; i < lis.length; i++) {
          lis[i].onclick = (function(num) {
            return function() {
              alert(num);    //0 1 2 3 4 5 6 7 8 9
            };
          })(i);
      }
    };
    </script>
</head>
<body>
<ul>
  <li>第1个li元素</li>
  <li>第2个li元素</li>
  <li>第3个li元素</li>
  <li>第4个li元素</li>
  <li>第5个li元素</li>
  <li>第6个li元素</li>
  <li>第7个li元素</li>
  <li>第8个li元素</li>
  <li>第9个li元素</li>
  <li>第10个li元素</li>
</ul>
</body>

</html>
